<template>
  <div>
    <component v-for="(datas, index) in datas" :key="index" :is="datas.flag" :datas="datas" :views="views"></component>
  </div>
</template>

<script>
export default {
  props: ["views"],
  data() {
    return {
      datas: [
        { flag: "colorChoose", label: "字体颜色", style: "style", comprop: "color" },
        { flag: "selectCols", label: "字重", style: "style", comprop: "fontWeight", options: ["400", "700", "900"] },
        { flag: "selectGroup", label: "装饰线", style: "style", comprop: "textDecoration", options: [{ label: "none", content: "无" }, { label: "line-through", content: "中间" }, { label: "underline", content: "底部" }] },
        { flag: "numInput", label: "字体大小", style: "style", comprop: "fontSize", unitSelect: true },
      ]
    }
  }
}
</script>

<style>

</style>